<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 标签选择器设置的是页面上某一类元素的样式 */
        p {
            color: pink;
            font-size:20px;
        }
        /*
            类选择器需要我们自己起名字定义
            然后自己在标签中调用

            我们可以使用类选择器单独为元素定义样式
            也可以为某一部分元素定义样式：谁调用了我定义的样式，谁就有这个样式
        */
        .a {
            color: blue;
        }
    </style>
</head>
<body>
    <p>这是一段文字</p>
    <p class="a">这是一段文字</p>
    <p>这是一段文字</p>
    <p class="a">这是一段文字</p>
    <p>这是一段文字</p>
</body>
</html>